···1*<template>
    <YvRow id="copyright">
        <!-- me -->
        <YvRow align="center" class="me">
            <YvCol :span="13" :sm="40">
                <a href="https://space.bilibili.com/363192233" target="_blank">
                    BiliBili 主页
                </a>
            </YvCol>
            <YvCol :span="13" :sm="40">
                <a href="https://gitee.com/yeyv" target="_blank">
                    Gitee 仓库
                </a>
            </YvCol>
            <YvCol :span="13" :sm="40">
                <a href="https://blog.csdn.net/reyvv" target="_blank">
                    Csdn 博客
                </a>
            </YvCol>
            <YvCol :span="13" :sm="40">
                <a href="https://www.iconfont.cn/" target="_blank">
                    IconFont 网站图源
                </a>
            </YvCol>
            <!-- BEIANTEST -->
            <YvCol :span="13" :sm="40">
                <a href="http://oc.reyv.site" target="_blank">
                    源码网址
                </a>
            </YvCol>
            <YvCol :span="13" :sm="40">
                <a @click="respVisible = true" target="_blank">
                    反馈链接
                </a>
            </YvCol>
        </YvRow>

        <!-- powered -->
        <YvRow align="center" class="powered">
            <YvCol :span="15" :sm="40">{{ powered }}</YvCol>
            <YvCol :span="15" :sm="40">{{ copyright }}</YvCol>
        </YvRow>
        <!-- icp -->
        <YvRow :span="20" :sm="40" align="center" class="icp">
            <YvCol :span="18" :sm="40">
                <a :href='"https://beian.mps.gov.cn/#/query/webSearch?code=" + gov.match(/[0-9]+/g)[0]' target="_blank">
                    <img src="https://beian.mps.gov.cn/img/logo01.dd7ff50e.png" style="width: 12pt; margin: 0; padding: 0;" />
                    {{ gov }}
                </a>
            </YvCol>
            <!-- icp  -->
            <YvCol :span="18" :sm=40>
                <a href="http://beian.miit.gov.cn/" target="_blank">{{ icp }}</a>
            </YvCol>
        </YvRow>
    </YvRow>
    <YvModal v-if="respVisible" @show="respVisible = true" @hide="respVisible = false"></YvModal>
</template>

<script>
export default {
    name: 'copyright',
    created() {

    },
    data() {
        return {
            // powered
            powered: 'Powered by 若雨',
            // 版权信息
            copyright: 'Copyright © 2024 若雨 All Rights Reserved.',
            // 备案信息
            gov: '鲁公网安备37152502000288号',
            icp: '鲁ICP备2024095065号',
            respVisible: false,
        }
    },
    computed: {
        govNum() {
            let matched = this.gov.match(/[0-9]+/g)
            console.log(matched)
            return matched
        }
    },
    methods: {

    },
}
</script>

<style scoped>
/deep/ .yv-col {
    text-align: center;
    font-size: 10pt;
}

/* #copyright::before {
    font-size: 8pt;
    color: rgb(155, 155, 155, .38);
    text-align: center;
    content: 'Powered by 若雨 Use Vue.js & YvUI';
    display: block;
    background: white;
    width: 100%;
    margin: 0;
    z-index: 0;
    height: 10pt;
    border-radius: 0 0 30pt 30pt;
} */

#copyright {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    background: var(--yv-main-color);
    color: var(--yv-flip-color);
    z-index: 0;
}

.powered {
    margin: 0;
}

.icp {
    margin: 0;
    margin: 0 auto;
}
</style>